<template>
	<view class="page">
		<view class="header">
			<yzh-header :title="'活动详情'" :bgColor="'#FCFCFD'"></yzh-header>
			<!-- #ifdef MP-WEIXIN -->
			<image src="@/static/yzh/dance.gif"></image>
			<!-- #endif -->
		</view>
		<view class="body">
			<uni-card>
				<view class="card1Content">
					<view>
						<text>标题：</text>
						<text>{{activityInfo.title}}</text>
					</view>
					<view>
						<text>发布人：</text>
						<text>{{activityInfo.person}}</text>
					</view>
					<view>
						<text>发布时间：</text>
						<text>{{activityInfo.createdTime}}</text>
					</view>
					<view>
						<text>审核状态：</text>
						<text v-if="activityInfo.status==2">{{"待审核"}}</text>
						<text v-else-if="activityInfo.status==3">{{"审核成功"}}</text>
						<text v-else-if="activityInfo.status==4">{{"审核失败"}}</text>
					</view>
					<view>
						<text>审核时间：</text>
						<text>{{activityInfo.checkTime}}</text>
					</view>
					<view>
						<text>审核说明：</text>
						<text>{{activityInfo.states}}</text>
					</view>
				</view>
			</uni-card>
			<uni-card>
				<view class="card2Content">
					<view>
						<text>发布内容：</text>
						<text>{{activityInfo.content}}</text>
					</view>
					<view>
						<text>图片：</text>
						<image :src="activityInfo.image"></image>
					</view>
				</view>
			</uni-card>
		</view>
	</view>
</template>

<script>
	import Header from "@/components/Header/Header.vue";
	export default {
		components: {
			'yzh-header': Header
		},
		data() {
			return {
				activityInfo: {
					title: "洗车优惠开始咯",
					person: "人",
					createdTime: "2000-01-01 01:01",
					status: 2,
					checkTime: "2000-01-01 01:01",
					states: "说明",
					content: "内容",
					image: "../../../static/yzh/nuo.jpg"
				}
			}
		},
		methods: {

		},
		onLoad(option) {
			// console.log(option.id)
		}
	}
</script>

<style scoped>
	.page {
		/* #ifndef MP-WEIXIN */
		background-image: url('@/static/yzh/dance.gif');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 100vh;
		/* #endif */
	}

	.header {}

	.header>image {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: -1;
		object-fit: fill;
	}

	.body {
		position: relative;
		margin-top: 20%;
	}

	.card1Content {}

	.card1Content>view,
	.card2Content>view {
		display: flex;
		margin-top: 20rpx;
		color: black;
	}

	.card1Content>view>text:nth-child(1),
	.card2Content>view>text:nth-child(1) {
		width: 30%;
	}

	.card1Content>view>text:nth-child(2),
	.card1Content>view>text:nth-child(2) {
		width: 70%;
	}

	.card2Content>view>image {
		width: 150rpx;
		height: 150rpx;
	}
</style>